<template>
	<div id="404" ref="refs" class="error">
		<div class="btn">
			<el-button @click="router.go(-1)">返回上一页</el-button>
			<el-button type="primary" @click="Jump()">返回首页</el-button>
		</div>
	</div>
</template>

<script lang="ts" setup>
import { useRouter } from 'vue-router'
const router = useRouter()
import { store } from '@/store'
// 返回首页
const Jump = () => {
	router.push('/')
}
</script>

<style scoped lang="scss">
.error {
	position: relative;
	display: flex;
	height: 100%;
	background: url('@/assets/img/404.jpeg') no-repeat;
	background-color: #333;
	background-size: 100% 100%;

	.btn {
		position: absolute;
		top: 55%;
		left: 33%;
		margin-top: 30px;
		margin-left: 10px;
	}

	:deep(.el-button) {
		opacity: 0.6;
	}
}
</style>
